<template>

     <div>
        <h1 class="page">404
            <P>三秒后跳转</P>
        </h1>
     </div>

  
</template>

<script>
export default {
 name:'NotFound',
 mounted(){
    setTimeout(()=>{
        this.$router.go(-1)
    },3000)
 }
}

</script>

<style lang="less" scoped>

@import url("https://fonts.googleapis.com/css?family=Share+Tech+Mono|Montserrat:700");
.page {
  background: linear-gradient(-120deg,#4f0088 , #891717 , #9005f3, #191717cd); /* 背景渐变 */
  background-size: 500% 500%; /* 背景大小 */
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  font-size: 40rem;
  animation: gradientBG 9s ease infinite; /* 应用动画 */
  font-family: "Montserrat", monospace;
  color: #ffffff26;
  text-align: center;
  p{
    color: white;
    font-weight: 800;
    font-size: 3rem;
    font-family: "Montserrat", monospace;
    position: relative;
    bottom: 20vh;
  }
}

/* 定义 keyframes 动画 */
@keyframes gradientBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}




</style>